.InfoItemList {
	clear: both;
	list-style: none;
	padding: 0;
	margin-bottom: 0;
	li {
		position: relative;
		padding: 16px;
		font-size: 0;
		.b-item-img {
			display: inline-block;
			width: 75px;
			height: 100px;
			margin-right: 12px;
			vertical-align: middle;
			img {
				width: 100%;
				height: 100%;
			}
		}
		.b-item-right {
			display: inline-block;
			width: calc(100% - 87px);
			vertical-align: middle;
			.b-item-title {
				font-size: 1rem;
				color: #242424;
				text-align: left;
				margin-bottom: 8px;
			}
			p {
				display: -webkit-box;
				width: 100%;
			    font-size: 0.8rem;
			    line-height: 20px;
			    color: #8f8f8f;
				overflow : hidden;
				text-overflow: ellipsis;
				text-align: justify;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
			}
			.b-item-info {
				position: relative;
				.b-item-type {
					float: left;
					display: inline-block;
				    max-width: 40%;
				    margin-left: 4px;
				    overflow: hidden;
				    text-overflow: ellipsis;
				    white-space: nowrap;
				    color: #8f8f8f;
				    font-size: 0.7rem;
				    text-align: left;
				}
				.icon-read {
					float: left;
				    display: inline-block;
				    width: 0.8rem;
				    height: 0.8rem;
				    left: 0;
				    background-image: url('../static/img/reader.png');
				    background-size: cover;
				    background-repeat: no-repeat;
				    vertical-align: -2px;
				}
			}
		}
	}
	li::after {
		position: absolute;
		display: inline-block;
		content: "";
		width: calc(100% - 32px);
		left: 16px;
		right: 0;
	    height: 1px;
	    bottom: 0;
	    -webkit-transform: scaleY(.5);
	    -ms-transform: scaleY(.5);
	    transform: scaleY(.5);
	    -webkit-transform-origin: 0 100%;
	    -ms-transform-origin: 0 100%;
	    transform-origin: 0 100%;
	    pointer-events: none;
	    background-color: #e5e5e5;
	}
	.b-view-more {
		height: 44px;
		line-height: 44px;
		font-size: 0.85rem;
		color: #666;
	}
}